
<!doctype html>
<html lang="zxx">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>关于</title>
	<!-- Template CSS -->
	<link rel="stylesheet" href="../css/style-starter.css">
	<!-- Template CSS -->
	<link href="http://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,600&display=swap"
		rel="stylesheet">
	<!-- Template CSS -->
	<link rel="shortcut icon" href="images/xm.jpeg">
</head>

<body>
		<!-- header -->
		<header id="site-header" class="w3l-header fixed-top">
			<nav class="navbar navbar-expand-lg navbar-light fill px-lg-0 py-0 px-3">
				<div class="container">
					<h1><a class="navbar-brand" href="index.html">
						<span class="fa fa-play icon-log" aria-hidden="true"></span>
						Panda熊猫影城<img src="/images/xm.jpeg"width="70" height="70">
					</a>
					</h1>

					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto">
							<li class="nav-item">
								<a class="nav-link" href="index.html">主页</a>
							</li>
							<li class="nav-item active">
								<a class="nav-link" href="about.html">关于</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="genre.html">电影</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="order.html">订单</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="Login.html">登录</a>
							</li>
						</ul>

						<div class="search-right">
							<input id="movieName"  type="search" placeholder="请输入要搜索的电影信息" name="search" required="required" autofocus="">
							<button type="submit" class="btn" onclick="SearchMovie()">
								<span class="fa fa-search" ria-hidden="true"></span>
							</button>
						</div>
					</div>

					<div class="mobile-position">
						<nav class="navigation">
							<div class="theme-switch-wrapper">
								<label class="theme-switch" for="checkbox">
									<input type="checkbox" id="checkbox">
									<div class="mode-container">
										<i class="gg-sun"></i>
										<i class="gg-moon"></i>
									</div>
								</label>
							</div>
						</nav>
					</div>
				</div>
			</nav>
		</header>
		<!-- //header -->
	<!--/breadcrumbs -->
	<div class="w3l-breadcrumbs">
		<nav id="breadcrumbs" class="breadcrumbs">
			<div class="container page-wrapper">
			<a href="index.html">主页</a> » <span class="breadcrumb_last" aria-current="page">关于</span>
			</div>
		</nav>
	</div>
 <!--//breadcrumbs -->
	<!-- /about-->
	<div class="w3l-ab-grids py-5">
		<div class="container py-lg-4">
			<div class="row ab-grids-sec align-items-center">
				<div class="col-lg-6 ab-right">
					<img class="img-fluid" src="../images/banner1.jpg">
				</div>
				<div class="col-lg-6 ab-left pl-lg-4 mt-lg-0 mt-5">
					<h3 class="hny-title">强大演员阵容</h3>
					<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam id quisquam ipsam
						molestiae ad eius accusantium? Nulla dolorem perferendis inventore! posuere cubilia Curae;
						Nunc non risus in justo convallis feugiat.</p>
					<div class="ready-more mt-4">
						<a href="#" class="btn read-button">了解更多 <span class="fa fa-angle-double-right ml-2" aria-hidden="true"></span></a>
					</div>
				</div>
			</div>
		   
			<div class="w3l-counter-stats-info text-center">
				<div class="stats_left">
					<div class="counter_grid">
						<div class="icon_info">
							<p class="counter">65</p>
							<h4>Movies</h4>

						</div>
					</div>
				</div>
				<div class="stats_left">
					<div class="counter_grid">
						<div class="icon_info">
							<p class="counter">165</p>
							<h4>Shows</h4>

						</div>
					</div>
				</div>
				<div class="stats_left">
					<div class="counter_grid">
						<div class="icon_info">
							<p class="counter">463</p>
							<h4>Members</h4>

						</div>
					</div>
				</div>
				<div class="stats_left">
					<div class="counter_grid">
						<div class="icon_info">
							<p class="counter">5063</p>
							<h4>Year of Use</h4>

						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
	<!-- //about-->
		<!--grids-sec1-->
		<section class="w3l-team" id="team">
			<div class="grids-main py-5">
				<div class="container py-lg-4">
					<div class="headerhny-title">
						<h3 class="hny-title">Our Actors</h3>
					</div>
					<div class="owl-team owl-carousel owl-theme">
						<div class="item vhny-grid">
							<div class="d-grid team-info">
								<div class="column position-relative">
									<a href="#url"><img src="../images/a1.jpg" alt="" class="img-fluid rounded team-image" /></a>
								</div>
								<div class="column text-center">
									<h3 class="name-pos"><a href="#url">Dwayne johnson</a></h3>
									
									<div class="social">
										<a href="#facebook" class="facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
										<a href="#twitter" class="twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
										<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
									</div>
								</div>
							</div>
	
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<div class="d-grid team-info">
									<div class="column position-relative">
										<a href="#url"><img src="../images/a2.jpg" alt="" class="img-fluid rounded team-image" /></a>
									</div>
									<div class="column text-center">
										<h3 class="name-pos"><a href="#url">Karen Gillan</a></h3>
										
										<div class="social">
											<a href="#facebook" class="facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
											<a href="#twitter" class="twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
											<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
										</div>
									</div>
								</div>
							</div>
	
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<div class="d-grid team-info">
									<div class="column position-relative">
										<a href="#url"><img src="../images/a3.jpg" alt="" class="img-fluid rounded team-image" /></a>
									</div>
									<div class="column text-center">
										<h3 class="name-pos"><a href="#url">Chris Hemsworth</a></h3>
										
										<div class="social">
											<a href="#facebook" class="facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
											<a href="#twitter" class="twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
											<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
										</div>
									</div>
								</div>
							</div>
	
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<div class="d-grid team-info">
									<div class="column position-relative">
										<a href="#url"><img src="../images/a4.jpg" alt="" class="img-fluid rounded team-image" /></a>
									</div>
									<div class="column text-center">
										<h3 class="name-pos"><a href="#url">Elton John</a></h3>
									
										<div class="social">
											<a href="#facebook" class="facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
											<a href="#twitter" class="twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
											<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
										</div>
									</div>
								</div>
							</div>
	
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<div class="d-grid team-info">
									<div class="column position-relative">
										<a href="#url"><img src="../images/a5.jpg" alt="" class="img-fluid rounded team-image" /></a>
									</div>
									<div class="column text-center">
										<h3 class="name-pos"><a href="#url">Liu Yifei</a></h3>
										<div class="social">
											<a href="#facebook" class="facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
											<a href="#twitter" class="twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
											<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
										</div>
									</div>
								</div>
							</div>
	
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<div class="d-grid team-info">
									<div class="column position-relative">
										<a href="#url"><img src="../images/a3.jpg" alt="" class="img-fluid rounded team-image" /></a>
									</div>
									<div class="column text-center">
										<h3 class="name-pos"><a href="#url">Chris Hemsworth</a></h3>
										
										<div class="social">
											<a href="#facebook" class="facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
											<a href="#twitter" class="twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
											<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
										</div>
									</div>
								</div>
							</div>
	
						</div>
					</div>
				</div>
	
		
	
			</div>
		</section>
		<!--//grids-sec1-->
		<!--/testimonials-->
<section class="w3l-clients" id="clients">
    <!-- /grids -->
    <div class="cusrtomer-layout py-5">
        <div class="container py-lg-4">
			<div class="headerhny-title">
				<h3 class="hny-title">Our Testimonials</h3>
			</div>
            <!-- /grids -->
            <div class="testimonial-width">
                <div class="owl-clients owl-carousel owl-theme mb-lg-5">
                    <div class="item">
                        <div class="testimonial-content">
                            <div class="testimonial">
                                <blockquote>
                                    <q>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit beatae laudantium
                                        voluptate rem ullam dolore!.</q>
                                </blockquote>
                                <div class="testi-des">
                                    <div class="test-img"><img src="../images/team1.jpg" class="img-fluid" alt="/">
                                    </div>
                                    <div class="peopl align-self">
                                        <h3>Johnson smith</h3>
                                        <p class="indentity">Washington</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="testimonial-content">
                            <div class="testimonial">
                                <blockquote>
									<q>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit beatae laudantium
                                        voluptate rem ullam dolore!.</q>
                                </blockquote>
                                <div class="testi-des">
                                    <div class="test-img"><img src="../images/team2.jpg" class="img-fluid" alt="/">
                                    </div>
                                    <div class="peopl align-self">
                                        <h3>Alexander leo</h3>
                                        <p class="indentity">Washington</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="testimonial-content">
                            <div class="testimonial">
                                <blockquote>
                                    <q>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit beatae laudantium
                                        voluptate rem ullam dolore!.</q>
                                </blockquote>
                                <div class="testi-des">
                                    <div class="test-img"><img src="../images/team3.jpg" class="img-fluid" alt="/">
                                    </div>
                                    <div class="peopl align-self">
                                        <h3>Roy Linderson</h3>
                                        <p class="indentity">Washington</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="testimonial-content">
                            <div class="testimonial">
                                <blockquote>
                                    <q>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit beatae laudantium
                                        voluptate rem ullam dolore!.</q>
                                </blockquote>
                                <div class="testi-des">
                                    <div class="test-img"><img src="../images/team4.jpg" class="img-fluid" alt="/">
                                    </div>
                                    <div class="peopl align-self">
                                        <h3>Mike Thyson</h3>
                                        <p class="indentity">Washington</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="testimonial-content">
                            <div class="testimonial">
                                <blockquote>
									<q>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit beatae laudantium
                                        voluptate rem ullam dolore!.</q>
                                </blockquote>
                                <div class="testi-des">
                                    <div class="test-img"><img src="../images/team2.jpg" class="img-fluid" alt="/">
                                    </div>
                                    <div class="peopl align-self">
                                        <h3>Laura gill</h3>
                                        <p class="indentity">Washington</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="testimonial-content">
                            <div class="testimonial">
                                <blockquote>
									<q>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit beatae laudantium
                                        voluptate rem ullam dolore!.</q>
                                </blockquote>
                                <div class="testi-des">
                                    <div class="test-img"><img src="../images/team3.jpg" class="img-fluid" alt="/">
                                    </div>
                                    <div class="peopl align-self">
                                        <h3>Smith Johnson</h3>
                                        <p class="indentity">Washington</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /grids -->
    </div>
    <!-- //grids -->
</section>
<!--//testimonials-->
		<!--grids-sec2-->
		<section class="w3l-grids">
			<div class="grids-main py-5">
				<div class="container py-lg-4">
					<div class="headerhny-title">
						<div class="w3l-title-grids">
							<div class="headerhny-left">
								<h3 class="hny-title">最新发布</h3>
							</div>
							<div class="headerhny-right text-lg-right">
								<h4><a class="show-title" href="genre.html">Show all</a></h4>
							</div>
						</div>
					</div>
					<div class="owl-three owl-carousel owl-theme">
						<div class="item vhny-grid">
							<div class="box16">
								<a href="genre.html">
									<figure>
										<img class="img-fluid" src="../images/m12.jpg" alt="">
									</figure>
									<div class="box-content">
										<h4> <span class="post"><span class="fa fa-clock-o"> </span> 2 Hr 4min
	
											</span>
	
											<span class="post fa fa-heart text-right"></span>
										</h4>
									</div>
									<span class="fa fa-play video-icon" aria-hidden="true"></span>
								</a>
							</div>
							<h3> <a class="title-gd" href="genre.html">The Hustle</a></h3>
							<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
							<div class="button-center text-center mt-4">
								<a href="genre.html" class="btn watch-button">Watch now</a>
							</div>
	
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<a href="genre.html">
									<figure>
										<img class="img-fluid" src="../images/m11.jpg" alt="">
									</figure>
									<div class="box-content">
	
										<h4> <span class="post"><span class="fa fa-clock-o"> </span> 2 Hr 4min
	
											</span>
	
											<span class="post fa fa-heart text-right"></span>
										</h4>
									</div>
									<span class="fa fa-play video-icon" aria-hidden="true"></span>
								</a>
							</div>
							<h3> <a class="title-gd" href="genre.html">The Lego</a></h3>
							<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
							<div class="button-center text-center mt-4">
								<a href="genre.html" class="btn watch-button">Watch now</a>
							</div>
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<a href="genre.html">
									<figure>
										<img class="img-fluid" src="../images/m9.jpg" alt="">
									</figure>
									<div class="box-content">
	
										<h4> <span class="post"><span class="fa fa-clock-o"> </span> 2 Hr 4min
	
											</span>
	
											<span class="post fa fa-heart text-right"></span>
										</h4>
									</div>
									<span class="fa fa-play video-icon" aria-hidden="true"></span>
								</a>
							</div>
							<h3> <a class="title-gd" href="genre.html">Joker </a></h3>
							<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
							<div class="button-center text-center mt-4">
								<a href="genre.html" class="btn watch-button">Watch now</a>
							</div>
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<a href="genre.html">
									<figure>
										<img class="img-fluid" src="../images/m8.jpg" alt="">
									</figure>
									<div class="box-content">
	
										<h4> <span class="post"><span class="fa fa-clock-o"> </span> 2 Hr 4min
	
											</span>
	
											<span class="post fa fa-heart text-right"></span>
										</h4>
									</div>
									<span class="fa fa-play video-icon" aria-hidden="true"></span>
								</a>
							</div>
							<h3> <a class="title-gd" href="genre.html">Toy story 4</a></h3>
							<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
							<div class="button-center text-center mt-4">
								<a href="genre.html" class="btn watch-button">Watch now</a>
							</div>
	
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<a href="genre.html">
									<figure>
										<img class="img-fluid" src="../images/m1.jpg" alt="">
									</figure>
									<div class="box-content">
	
										<h4> <span class="post"><span class="fa fa-clock-o"> </span> 2 Hr 4min
	
											</span>
	
											<span class="post fa fa-heart text-right"></span>
										</h4>
									</div>
									<span class="fa fa-play video-icon" aria-hidden="true"></span>
								</a>
							</div>
							<h3> <a class="title-gd" href="genre.html">Rocketman</a></h3>
							<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
							<div class="button-center text-center mt-4">
								<a href="genre.html" class="btn watch-button">Watch now</a>
							</div>
						</div>
						<div class="item vhny-grid">
							<div class="box16">
								<a href="genre.html">
									<figure>
										<img class="img-fluid" src="../images/m2.jpg" alt="">
									</figure>
									<div class="box-content">
	
										<h4> <span class="post"><span class="fa fa-clock-o"> </span> 2 Hr 4min
	
											</span>
	
											<span class="post fa fa-heart text-right"></span>
										</h4>
									</div>
									<span class="fa fa-play video-icon" aria-hidden="true"></span>
								</a>
							</div>
							<h3> <a class="title-gd" href="genre.html">Doctor Sleep</a></h3>
							<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
							<div class="button-center text-center mt-4">
								<a href="genre.html" class="btn watch-button">Watch now</a>
							</div>
						</div>
					</div>
				</div>
	
			</div>
		</section>
		<!--grids-sec2-->
	<!-- footer-66 -->
	<footer class="w3l-footer">
		<section class="footer-inner-main">
			<div class="footer-hny-grids py-5">
				<div class="container py-lg-4">
					<div class="text-txt">
						<div class="right-side">
							<div class="row footer-about">
								<div class="col-md-3 col-6 footer-img mb-lg-0 mb-4">
									<a href="genre.html"><img class="img-fluid" src="../images/banner1.jpg"
															  alt=""></a>
								</div>
								<div class="col-md-3 col-6 footer-img mb-lg-0 mb-4">
									<a href="genre.html"><img class="img-fluid" src="../images/banner2.jpg"
															  alt=""></a>
								</div>
								<div class="col-md-3 col-6 footer-img mb-lg-0 mb-4">
									<a href="genre.html"><img class="img-fluid" src="../images/banner3.jpg"
															  alt=""></a>
								</div>
								<div class="col-md-3 col-6 footer-img mb-lg-0 mb-4">
									<a href="genre.html"><img class="img-fluid" src="../images/banner4.jpg"
															  alt=""></a>
								</div>
							</div>
							<div class="row footer-links">


								<div class="col-md-3 col-sm-6 sub-two-right mt-5">
									<h6>电影</h6>
									<ul>
										<li><a href="#">热映电影</a></li>
										<li><a href="#">热搜视频</a></li>
										<li><a href="#">英文电影</a></li>
										<li><a href="#">影视剪辑</a></li>
										<li><a href="#">即将上映</a></li>
										<li><a href="contact.html">联系我们</a></li>
									</ul>
								</div>
								<div class="col-md-3 col-sm-6 sub-two-right mt-5">
									<h6>资讯</h6>
									<ul>
										<li><a href="index.html">主页</a> </li>
										<li><a href="about.html">关于</a> </li>
										<li><a href="#">电视</a> </li>
										<li><a href="#">博客</a> </li>
										<li><a href="#">登录</a></li>
										<li><a href="contact.html">联系</a></li>
									</ul>
								</div>
								<div class="col-md-3 col-sm-6 sub-two-right mt-5">
									<h6>位置</h6>
									<ul>
										<li><a href="genre.html">亚洲</a></li>
										<li><a href="genre.html">法国</a></li>
										<li><a href="genre.html">中国</a></li>
										<li><a href="genre.html">美国</a></li>
										<li><a href="genre.html">韩国</a></li>
										<li><a href="genre.html">英国</a></li>
									</ul>
								</div>
								<div class="col-md-3 col-sm-6 sub-two-right mt-5">
									<h6>通讯</h6>
									<form action="#" class="subscribe mb-3" method="post">
										<input type="email" name="email" placeholder="Email" required="">
										<button><span class="fa fa-envelope-o"></span></button>
									</form>
									<p>输入邮箱来接收来自我们的最新资讯.
									</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
			<div class="below-section">
				<div class="container">
					<div class="copyright-footer">
						<div class="columns text-lg-left">
							<p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
						</div>

						<ul class="social text-lg-right">
							<li><a href="#facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
							</li>
							<li><a href="#linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
							</li>
							<li><a href="#twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
							</li>
							<li><a href="#google"><span class="fa fa-google-plus" aria-hidden="true"></span></a>
							</li>

						</ul>
					</div>
				</div>
			</div>
			<!-- copyright -->
			<!-- move top -->
			<button onclick="topFunction()" id="movetop" title="Go to top">
				<span class="fa fa-arrow-up" aria-hidden="true"></span>
			</button>
			<script>
				// When the user scrolls down 20px from the top of the document, show the button
				window.onscroll = function () {
					scrollFunction()
				};

				function scrollFunction() {
					if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
						document.getElementById("movetop").style.display = "block";
					} else {
						document.getElementById("movetop").style.display = "none";
					}
				}

				// When the user clicks on the button, scroll to the top of the document
				function topFunction() {
					document.body.scrollTop = 0;
					document.documentElement.scrollTop = 0;
				}
			</script>
			<!-- /move top -->

		</section>
	</footer>
	<!--//footer-66 -->
</body>

</html>
<script src="../js/jquery-3.3.1.min.js"></script>
<!-- stats -->
<script src="../js/jquery.waypoints.min.js"></script>
<script src="../js/jquery.countup.js"></script>
<script>
	$('.counter').countUp();
</script>
<!-- //stats -->
<!--/theme-change-->
<script src="../js/theme-change.js"></script>
<!-- //theme-change-->
<script src="../js/owl.carousel.js"></script>
<!-- script for banner slider-->
<script>
	$(document).ready(function () {
		$('.owl-team').owlCarousel({
			loop: true,
			margin: 20,
			nav: false,
			responsiveClass: true,
			autoplay: false,
			autoplayTimeout: 5000,
			autoplaySpeed: 1000,
			autoplayHoverPause: false,
			responsive: {
				0: {
					items:2,
					nav: false
				},
				480: {
					items: 2,
					nav: true
				},
				667: {
					items: 3,
					nav: true
				},
				1000: {
					items:4,
					nav: true
				}
			}
		})
	})
</script>
<script>
	$(document).ready(function () {
		$('.owl-three').owlCarousel({
			loop: true,
			margin: 20,
			nav: false,
			responsiveClass: true,
			autoplay:true,
			autoplayTimeout: 5000,
			autoplaySpeed: 1000,
			autoplayHoverPause: false,
			responsive: {
				0: {
					items: 2,
					nav: false
				},
				480: {
					items: 2,
					nav: true
				},
				667: {
					items: 3,
					nav: true
				},
				1000: {
					items: 6,
					nav: true
				}
			}
		})
	})
</script>
<!-- //script -->
<!-- for tesimonials carousel slider -->
<script>
	$(document).ready(function () {
		$(".owl-clients").owlCarousel({
			loop: true,
			margin:40,
			responsiveClass: true,
			responsive: {
				0: {
					items:1,
					nav: true
				},
				736: {
					items: 2,
					nav: false
				},
				1000: {
					items:3,
					nav: true,
					loop: false
				}
			}
		})
	})
</script>
<!-- //script -->
<!-- script for owlcarousel -->
<!-- disable body scroll which navbar is in active -->
<script>
	$(function () {
		$('.navbar-toggler').click(function () {
			$('body').toggleClass('noscroll');
		})
	});
</script>
<!-- disable body scroll which navbar is in active -->

<!--/MENU-JS-->
<script>
	$(window).on("scroll", function () {
		var scroll = $(window).scrollTop();

		if (scroll >= 80) {
			$("#site-header").addClass("nav-fixed");
		} else {
			$("#site-header").removeClass("nav-fixed");
		}
	});

	//Main navigation Active Class Add Remove
	$(".navbar-toggler").on("click", function () {
		$("header").toggleClass("active");
	});
	$(document).on("ready", function () {
		if ($(window).width() > 991) {
			$("header").removeClass("active");
		}
		$(window).on("resize", function () {
			if ($(window).width() > 991) {
				$("header").removeClass("active");
			}
		});
	});
</script>
<!--//MENU-JS-->
<script src="../js/bootstrap.min.js"></script>